<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
	        <script src="../assets/html5shiv.min.js"></script>
			<script src="../assets/respond.min.js"></script>
	    <![endif]-->
	    <link rel="stylesheet" href="../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/animate.min.css"/>
		<link rel="stylesheet" href="../css/header.css"/>
		<link rel="stylesheet" href="../css/mark.css"/>
		<link rel="stylesheet" href="../css/weal.css"/>
		<title>新客福利</title>
	</head>
	<body>
		<header class="header">
			<div class="h-left">
				<img src="../images/news-imgs/news.png"/>
			</div>
			<div class="h-center h-bor" id="h-center">
				<p>新客福利</p>
			</div>
			<div class="h-right">
				<ul>
					<li><a href="#"><img src="../images/weal-imgs/images/weal-imgs03_12.png"/></a></li>
					<li><a href="#"><img class="share_open" src="../images/time-imgs/images/time-imgs_12.png"/></a></li>
				</ul>
			</div>
		</header>
		<main class="main">
			<section class="m_top">
				<div class="mt_title">
					<p>新人特权专享</p>
					<h2>见面好礼等你来</h2>
				</div>
				<div class="mt_center">
					<div class="mtc_coupon">
						<div class="mtcc_left">
							<div class="mtcl_top">
								<ul>
									<li>
										<h1>
											<sup>①</sup>
											<sub>￥</sub>
											20
										</h1>
									</li>
									<li>
										<h4>全品类通用券</h4>
										<p>满300元可用</p>
										<p>TIME:8.25-9.11 十点</p>
									</li>
								</ul>
							</div>
							<div class="mtcl_bottom">
								<p>先领券再购物</p>
							</div>
						</div>
						<div class="mtcc_right">
							<p>立即领取</p>
						</div>
					</div>
					<div class="mtc_coupon">
						<div class="mtcc_left">
							<div class="mtcl_top">
								<ul>
									<li>
										<h1>
											<sup>②</sup>
											<sub>￥</sub>
											15
										</h1>
									</li>
									<li>
										<h4>全品类通用券</h4>
										<p>满300元可用</p>
										<p>TIME:8.25-9.11 十点</p>
									</li>
								</ul>
							</div>
							<div class="mtcl_bottom">
								<p>下单支付成功即送礼券</p>
							</div>
						</div>
						<div class="mtcc_right">
							<p>快去逛逛吧</p>
						</div>
					</div>
				</div>
				<div class="mt_hint">
					<p>温馨提示</p>
					<ul>
						<li>领券之前请先注册或者登陆，现金券具体使用说明请在优惠券管理后台查看。</li>
						<li>首单新顾客包含在好乐买来注册的新用户和历史注册未下单的用户，限领一次。</li>
						<li>①20元礼券全品类通用，订单满300元可用，券使用时间8.25-9.11十点，即领即用。</li>
						<li>②下单支付成功之后，还会收到15元全品类通用券哦！</li>
					</ul>
				</div>
			</section>
			<section class="m_list"></section>
		</main>
		<section class="mask">
			<div class="share swiper-container">
				<div class="sh_top swiper-wrapper">
					<div class="swiper-slide">
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.5s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_19.png"/>
							</dt>
							<dd>微信好友</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.7s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_18.png"/>
							</dt>
							<dd>微信朋友圈</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0.9s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_16.png"/>
							</dt>
							<dd>微信收藏</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="1.1s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_09.png"/>
							</dt>
							<dd>QQ好友</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.3s" swiper-animate-delay="1.3s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_07.png"/>
							</dt>
							<dd>新浪微博</dd>
						</dl>
						<dl class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
							<dt>
								<img src="../images/share-imgs/images/share_imgs_05.png"/>
							</dt>
							<dd>复制链接</dd>
						</dl>
					</div>
				</div>
				<div class="sh_bottom">
					<img src="../images/share-imgs/images/share_imgs_03.png"/>
				</div>
			</div>
		</section>
		<script src="../assets/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
		<script src="../assets/swiper/js/swiper.animate1.0.2.min.js"></script>
		<script src="../assets/template-web.js"></script>
		<script src="../js/weal.js"></script>
		<script type="text/html" id="teplate">
			{{each list v}}
				<div class="opts">
					<div class="opts_top">
						<dl>
							<dt>
								<img src={{v.optsImg}}/>
							</dt>
							<dd>
								<h5>{{v.title}}</h5>
								<p><span>{{v.pirce}}</span><a href="javascript:">{{v.place}}</a></p>
							</dd>
						</dl>
					</div>
					<div class="opts_bottom">
						<button class="opts_btn">立即购买</button>
					</div>
				</div>
			{{/each}}
		</script>
	</body>
</html>
